<template>
  <div id="home">
    <!-- 轮播 -->
    <Lunbo></Lunbo>
    <!-- 三盒子 -->
    <Sanhe></Sanhe>
    <!-- 资深讲师 -->
    <Jiangshi v-for="(item, index) in getlist" :key="index" :item="item"></Jiangshi>
    <Ddvb></Ddvb>
  </div>
</template>
<script>
import Sanhe from "./jikou/sanhe.vue";
import Lunbo from "./jikou/lunbo.vue";
import Jiangshi from "./jikou/jiangshi.vue";
import { recommend } from "./jikou/jiekou";
import Ddvb from '@/views/ddvb.vue'
export default {
  components: {
    Sanhe,
    Lunbo,
    Jiangshi,
    Ddvb
  },
  data() {
    return {
      getlist: [],
    };
  },
  mounted() {
    this.jiaShi();
  },
  methods: {
    xiangqing(e) {
      console.log(e);
      var ee = JSON.stringify(e);
      this.$router.push(`/xingqing?cid=${ee}`);
    },
    async jiaShi() {
      let res = await recommend();
      this.getlist = res.data.data;
      // console.log(this.getlist);
    },
  },
};
</script>
<style lang="scss" scoped>
#home {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.1);
}

</style>